<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>支付接口大屏程序</title>
		<link rel="stylesheet" href="css/comon0.css">
	</head>

	<body>

		<div class="loading">
			<div class="loadbox"><img src="picture/loading.gif"> 页面加载中...</div>
		</div>
		<div class="head">
			<h1>支付接口大屏程序</h1>
			<div class="weather">
				<span id="showTime"></span>
			</div>
		</div>
		<div class="mainbox">
			<ul class="clearfix">
				<li>
					<div class="boxall" style="height: 9.9rem">
						<div class="alltitle">各省支付数据统计</div>
						<table class="table-style" id="province-table">
							<tr>
								<th>地区</th>
								<th>微信</th>
								<th>支付宝</th>
								<th>银联</th>
								<th>总计</th>
							</tr>

						</table>
					</div>
				</li>
				<li>
					<div class="map">
						<div class="map1"><img src="picture/lbx.png"></div>
						<div class="map2"><img src="picture/jt.png"></div>
						<div class="map3"><img src="picture/map.png"></div>
						<div class="map4" id="map_1"></div>
					</div>
				</li>
				<li>
					<div class="boxall" style="height:3.4rem">
						<div class="alltitle">近期支付趋势图</div>
						<div class="allnav" id="echart1"></div>
						<div class="boxfoot"></div>
					</div>
					<div class="boxall" style="height: 3.2rem">
						<div class="alltitle">支付地区周排名</div>
						<div class="allnav" id="echart2"></div>
						<div class="boxfoot"></div>
					</div>
					<div class="boxall" style="height: 3rem">
						<div class="alltitle">支付类型比例</div>
						<div class="allnav" id="echart3"></div>
						<div class="boxfoot"></div>
					</div>
				</li>
			</ul>
		</div>
		<div class="back"></div>
<!--		<script type="text/javascript" src="js/jquery-3.5.1.js"></script>-->
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/echarts.min.js"></script>
		<script type="text/javascript" src="js/china.js"></script>
		<script type="text/javascript" src="js/front.js"></script>
		<script src="../js/config.js"></script>
	</body>
</html>
